.share{
    min-height: 100vh;
	display: flex;
	flex-direction: column;
	.share-main{
		flex: 1;
		// background-image: url(https://mp-a6359cef-e1f5-4478-96f8-00fab19c712c.cdn.bspapp.com/cloudstorage/8b543037-57f6-4674-95f5-cc6ca33fc3e9.png);
		background-size: 100% 100%;
		background-position: 0 0;
		position: relative;
		.qrcode{
			width: 284rpx;
			height: 284rpx;
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
		}

		.button-wrapper{
			position: fixed;
			top: 82%;
			left: 50%;
			transform: translateX(-50%);
		}
	}
	.qrcode-canvas{
		width: 284rpx;
		height: 284rpx;
		position: fixed;
		left: -100%;
	}
	.poster{
		position: fixed;
		left: 100%;
	}
}